/*
 * Author: Abdullah A Almsaeed
 * Date: 4 Jan 2014
 * Description:
 *      This is a demo file used only for the main dashboard (index.html)
 **/

$(function() {
    "use strict";

    //Make the dashboard widgets sortable Using jquery UI
    //$(".connectedSortable").sortable({
    //    placeholder: "sort-highlight",
    //    connectWith: ".connectedSortable",
    //    handle: ".box-header, .nav-tabs",
    //    forcePlaceholderSize: true,
    //    zIndex: 999999
    //}).disableSelection();
    //$(".connectedSortable .box-header, .connectedSortable .nav-tabs-custom").css("cursor", "move");
    ////jQuery UI sortable for the todo list
    //$(".todo-list").sortable({
    //    placeholder: "sort-highlight",
    //    handle: ".handle",
    //    forcePlaceholderSize: true,
    //    zIndex: 999999
    //}).disableSelection();
    //;

    ////bootstrap WYSIHTML5 - text editor
    //$(".textarea").wysihtml5();

    //$('.daterange').daterangepicker(
    //        {
    //            ranges: {
    //                'Today': [moment(), moment()],
    //                'Yesterday': [moment().subtract('days', 1), moment().subtract('days', 1)],
    //                'Last 7 Days': [moment().subtract('days', 6), moment()],
    //                'Last 30 Days': [moment().subtract('days', 29), moment()],
    //                'This Month': [moment().startOf('month'), moment().endOf('month')],
    //                'Last Month': [moment().subtract('month', 1).startOf('month'), moment().subtract('month', 1).endOf('month')]
    //            },
    //            startDate: moment().subtract('days', 29),
    //            endDate: moment()
    //        },
    //function(start, end) {
    //    alert("You chose: " + start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));
    //});

    ///* jQueryKnob */
    //$(".knob").knob();

    ////jvectormap data
    //var visitorsData = {
    //    "US": 398, //USA
    //    "SA": 400, //Saudi Arabia
    //    "CA": 1000, //Canada
    //    "DE": 500, //Germany
    //    "FR": 760, //France
    //    "CN": 300, //China
    //    "AU": 700, //Australia
    //    "BR": 600, //Brazil
    //    "IN": 800, //India
    //    "GB": 320, //Great Britain
    //    "RU": 3000 //Russia
    //};
    ////World map by jvectormap
    //$('#world-map').vectorMap({
    //    map: 'world_mill_en',
    //    backgroundColor: "transparent",
    //    regionStyle: {
    //        initial: {
    //            fill: '#e4e4e4',
    //            "fill-opacity": 1,
    //            stroke: 'none',
    //            "stroke-width": 0,
    //            "stroke-opacity": 1
    //        }
    //    },
    //    series: {
    //        regions: [{
    //                values: visitorsData,
    //                scale: ["#92c1dc", "#ebf4f9"],
    //                normalizeFunction: 'polynomial'
    //            }]
    //    },
    //    onRegionLabelShow: function(e, el, code) {
    //        if (typeof visitorsData[code] != "undefined")
    //            el.html(el.html() + ': ' + visitorsData[code] + ' new visitors');
    //    }
    //});

    //// BichTV
    ////Sparkline charts
    //var myvalues = [1000, 1200, 920, 927, 931, 1027, 819, 930, 1021];
    //$('#sparkline-1').sparkline(myvalues, {
    //    type: 'line',
    //    lineColor: '#92c1dc',
    //    fillColor: "#ebf4f9",
    //    height: '50',
    //    width: '80'
    //});
    //myvalues = [515, 519, 520, 522, 652, 810, 370, 627, 319, 630, 921];
    //$('#sparkline-2').sparkline(myvalues, {
    //    type: 'line',
    //    lineColor: '#92c1dc',
    //    fillColor: "#ebf4f9",
    //    height: '50',
    //    width: '80'
    //});
    //myvalues = [15, 19, 20, 22, 33, 27, 31, 27, 19, 30, 21];
    //$('#sparkline-3').sparkline(myvalues, {
    //    type: 'line',
    //    lineColor: '#92c1dc',
    //    fillColor: "#ebf4f9",
    //    height: '50',
    //    width: '80'
    //});    

    //The Calender
    //$("#calendar").datepicker();

    //SLIMSCROLL FOR CHAT WIDGET
    $('#chat-box').slimScroll({
        height: '250px'
    });

    // BichTV
    ///* Morris.js Charts */
    //// Sales chart
    //var area = new Morris.Area({
    //    element: 'revenue-chart',
    //    resize: true,
    //    data: [
    //        {y: '2011 Q1', item1: 2666, item2: 2666},
    //        {y: '2011 Q2', item1: 2778, item2: 2294},
    //        {y: '2011 Q3', item1: 4912, item2: 1969},
    //        {y: '2011 Q4', item1: 3767, item2: 3597},
    //        {y: '2012 Q1', item1: 6810, item2: 1914},
    //        {y: '2012 Q2', item1: 5670, item2: 4293},
    //        {y: '2012 Q3', item1: 4820, item2: 3795},
    //        {y: '2012 Q4', item1: 15073, item2: 5967},
    //        {y: '2013 Q1', item1: 10687, item2: 4460},
    //        {y: '2013 Q2', item1: 8432, item2: 5713}
    //    ],
    //    xkey: 'y',
    //    ykeys: ['item1', 'item2'],
    //    labels: ['Item 1', 'Item 2'],
    //    lineColors: ['#a0d0e0', '#3c8dbc'],
    //    hideHover: 'auto'
    //});
    //var line = new Morris.Line({
    //    element: 'line-chart',
    //    resize: true,
    //    data: [
    //        {y: '2011 Q1', item1: 2666},
    //        {y: '2011 Q2', item1: 2778},
    //        {y: '2011 Q3', item1: 4912},
    //        {y: '2011 Q4', item1: 3767},
    //        {y: '2012 Q1', item1: 6810},
    //        {y: '2012 Q2', item1: 5670},
    //        {y: '2012 Q3', item1: 4820},
    //        {y: '2012 Q4', item1: 15073},
    //        {y: '2013 Q1', item1: 10687},
    //        {y: '2013 Q2', item1: 8432}
    //    ],
    //    xkey: 'y',
    //    ykeys: ['item1'],
    //    labels: ['Item 1'],
    //    lineColors: ['#efefef'],
    //    lineWidth: 2,
    //    hideHover: 'auto',
    //    gridTextColor: "#fff",
    //    gridStrokeWidth: 0.4,
    //    pointSize: 4,
    //    pointStrokeColors: ["#efefef"],
    //    gridLineColor: "#efefef",
    //    gridTextFamily: "Open Sans",
    //    gridTextSize: 10
    //});

    ////Donut Chart
    //var donut = new Morris.Donut({
    //    element: 'sales-chart',
    //    resize: true,
    //    colors: ["#3c8dbc", "#f56954", "#00a65a"],
    //    data: [
    //        {label: "Download Sales", value: 12},
    //        {label: "In-Store Sales", value: 30},
    //        {label: "Mail-Order Sales", value: 20}
    //    ],
    //    hideHover: 'auto'
    //});
    /*Bar chart
    var bar = new Morris.Bar({
        element: 'bar-chart',
        resize: true,
        data: [
            {y: '2006', a: 100, b: 90},
            {y: '2007', a: 75, b: 65},
            {y: '2008', a: 50, b: 40},
            {y: '2009', a: 75, b: 65},
            {y: '2010', a: 50, b: 40},
            {y: '2011', a: 75, b: 65},
            {y: '2012', a: 100, b: 90}
        ],
        barColors: ['#00a65a', '#f56954'],
        xkey: 'y',
        ykeys: ['a', 'b'],
        labels: ['CPU', 'DISK'],
        hideHover: 'auto'
    });*/
    //Fix for charts under tabs
    $('.box ul.nav a').on('shown.bs.tab', function(e) {
        area.redraw();
        donut.redraw();
    });


    /* BOX REFRESH PLUGIN EXAMPLE (usage with morris charts) */
    //$("#loading-example").boxRefresh({
    //    source: "ajax/dashboard-boxrefresh-demo.php",
    //    onLoadDone: function(box) {
    //        bar = new Morris.Bar({
    //            element: 'bar-chart',
    //            resize: true,
    //            data: [
    //                {y: '2006', a: 100, b: 90},
    //                {y: '2007', a: 75, b: 65},
    //                {y: '2008', a: 50, b: 40},
    //                {y: '2009', a: 75, b: 65},
    //                {y: '2010', a: 50, b: 40},
    //                {y: '2011', a: 75, b: 65},
    //                {y: '2012', a: 100, b: 90}
    //            ],
    //            barColors: ['#00a65a', '#f56954'],
    //            xkey: 'y',
    //            ykeys: ['a', 'b'],
    //            labels: ['CPU', 'DISK'],
    //            hideHover: 'auto'
    //        });
    //    }
    //});

    /* The todo list plugin */
    //$(".todo-list").todolist({
    //    onCheck: function(ele) {
    //        //console.log("The element has been checked")
    //    },
    //    onUncheck: function(ele) {
    //        //console.log("The element has been unchecked")
    //    }
    //});

});